<template>
  <div>
<h2>登录页面</h2>
<table class="table tabel-bordered" style="text-align: center;">
    <tr>
        <td align="right">账号</td>
        <td >
            <input type="text" v-model="state.username">

        </td>
    </tr>
    <tr>
        <td align="right">密码</td>
        <td >
            <input type="text"  v-model="state.usePass">

        </td>
    </tr>
    <tr>
        <td align="right"></td>
        <td >
            <input type="button" value="登录" class="btn btn-success" @click="login()">

        </td>
    </tr>




</table>




  </div>
</template>

<script setup lang="ts">



import axios from 'axios';
import {reactive,toRefs}from 'vue'
import { useRouter } from 'vue-router';
// import router from '@vitejs/plugin-vue'
const router=useRouter();


let data=reactive({

state:{

    username:'',
      usePass:''
    
}




})
let {state}=toRefs(data)

//函数

const login=()=>{



//登录的思路，当登录时发送请求看是否存在用户，
//如果存在在判断是否完善用户信息，如果完善过，跳转主页面，如果

if(state.value.username=="")
{
  alert('账号不能为空')
  return;
}

if(state.value.usePass=="")
{
  alert('密码不能为空')
  return;
}
//发送到网络请求

      axios({

        url:"https://localhost:44385/api/Default/showLogin",
        method:'get',
        params:{

          userName:state.value.username,
          userPwd:state.value.usePass
        }



      })
      .then((res)=>{

      console.log(res.data.data);
  
      if(res.data.kl==null)
      {
          alert('用户信息不存在')
          router.push("/newlogin")
      }  
      else{


          axios({

            url:"https://localhost:44385/api/Default/GerInfo",
            method:"get",
            params:{

              id:res.data.kl.U_id

            }

            

          })

          
          .then(th=>{

            console.log(th)

              if(th.data.data>0){
                alert('已经完善用户信息')
              }
              else{

                  router.push({
                      path:'/loginmess',
                      query:{
                        id:res.data.kl.U_id

                      }

                  })

              }



          })
        
      }




      })
        .catch((err)=>{


            console.log(err)

        })


}








</script>

<style scoped>

</style>